<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>首页--工作台</title>
	<meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="format-detection" content="telephone=no">
<!--	<link rel="stylesheet" href="/resources/layui/css/layui.css" media="all" />-->
	<link rel="stylesheet" href="/resources/css/public.css" media="all" />
	<link rel="stylesheet" href="/resources/lib/layui-v2.6.3/css/layui.css" media="all">
	<link rel="stylesheet" href="/resources/lib/font-awesome-4.7.0/css/font-awesome.min.css" media="all">
</head>
<body class="childrenBody">
	<blockquote class="layui-elem-quote layui-bg-green">
		<div id="nowTime"></div>
	</blockquote>

	<div class="layuimini-main" style="margin-top: 100px">
			<div class="layui-col-xs12 layui-col-md2">
				<div id="echarts-records" style="background-color:#ffffff;min-height:400px;padding: 10px"></div>
			</div>
			<!--玫瑰花图-->
			<div class="layui-col-xs12 layui-col-md10">
				<div id="echarts-pies" style="background-color:#ffffff;min-height:400px;padding: 10px"></div>
			</div>
	</div>




	<script src="/resources/lib/layui-v2.6.3/layui.js" charset="utf-8"></script>
	<script src="/resources/js/lay-config.js?v=1.0.4" charset="utf-8"></script>
<!--	<script type="text/javascript" src="/resources/layui/layui.js"></script>-->

	<script type="text/javascript">

	//得到当前的登录人信息
	var currentUserName = "[[${session.user.name}]]";

	//获取系统时间
	var newDate = '';
	getLangDate();
	//值小于10时，在前面补0
	function dateFilter(date){
	    if(date < 10){return "0"+date;}
	    return date;
	}
	function getLangDate(){
	    var dateObj = new Date(); //表示当前系统时间的Date对象
	    var year = dateObj.getFullYear(); //当前系统时间的完整年份值
	    var month = dateObj.getMonth()+1; //当前系统时间的月份值
	    var date = dateObj.getDate(); //当前系统时间的月份中的日
	    var day = dateObj.getDay(); //当前系统时间中的星期值
	    var weeks = ["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];
	    var week = weeks[day]; //根据星期值，从数组中获取对应的星期字符串
	    var hour = dateObj.getHours(); //当前系统时间的小时值
	    var minute = dateObj.getMinutes(); //当前系统时间的分钟值
	    var second = dateObj.getSeconds(); //当前系统时间的秒钟值
	    var timeValue = "" +((hour >= 12) ? (hour >= 18) ? "晚上" : "下午" : "上午" ); //当前时间属于上午、晚上还是下午
	    newDate = dateFilter(year)+"年"+dateFilter(month)+"月"+dateFilter(date)+"日 "+" "+dateFilter(hour)+":"+dateFilter(minute)+":"+dateFilter(second);
	    document.getElementById("nowTime").innerHTML = "亲爱的["+currentUserName+"]，"+timeValue+"好！ 欢迎使用 仓库管理系统。当前时间为： "+newDate+"　"+week;
	    setTimeout("getLangDate()",1000);
	}

	layui.use(['form','element','layer','jquery'],function(){
	    var form = layui.form,
	        layer = parent.layer === undefined ? layui.layer : top.layer,
	        element = layui.element;
	        $ = layui.jquery;
	    //上次登录时间【此处应该从接口获取，实际使用中请自行更换】
	    $(".loginTime").html(newDate.split("日")[0]+"日</br>"+newDate.split("日")[1]);
	    //icon动画
	    $(".panel a").hover(function(){
	        $(this).find(".layui-anim").addClass("layui-anim-scaleSpring");
	    },function(){
	        $(this).find(".layui-anim").removeClass("layui-anim-scaleSpring");
	    })
	    $(".panel a").click(function(){
	        parent.addTab($(this));
	    })
	    //最新文章列表
		// $.get("/resources/json/newsList.json",function(data){
		// 	$(".hot_news").html(hotNewsHtml);
		// })
	})


		// ##########################################################################################
		// 玫瑰花图
	layui.use(['layer', 'echarts'], function () {
		var $ = layui.jquery,
				layer = layui.layer,
				echarts = layui.echarts;

		/**
		 * 玫瑰图表
		 */
		var echartsPies = echarts.init(document.getElementById('echarts-pies'), 'walden');
		$.get("/desk/chart").done(function (data) {
			echartsPies.setOption( {
				title: {
					text: '仓库库存产品数量',
					right: "center"
				},
				tooltip: {
					trigger: 'item',
					formatter: '{a} <br/>{b} : {c} ({d}%)'
				},
				legend: {
					orient: 'vertical',
					left: 'left',
					data: data.data.name
				},
				series: [
					{
						name: 'cy制作',
						type: 'pie',
						radius: '55%',
						center: ['50%', '60%'],
						roseType: 'radius',
						data: data.data,
						emphasis: {
							itemStyle: {
								shadowBlur: 10,
								shadowOffsetX: 0,
								shadowColor: 'rgba(0, 0, 0, 0.5)'
							}
						}
					}
				]
			})

		});

		// echarts 窗口缩放自适应
		window.onresize = function () {
			echartsRecords.resize();
		}

	});

	</script>
</body>
</html>
